TIK · BAB 3 Membuat Homepage Sederhana dan Interaktif

Osdirwan Osman Adhi Susano

24/08/2021 09:51:20

SMA 11 KTSP

Daftar Isi

BAB 1 Menggunakan Internet untuk Keperluan Informasi dan Komunikasi BAB 2 Program Pengolah Angka (Microsoft Office Excel 2003 BAB 3 Membuat Homepage Sederhana dan Interaktif

Halaman

183

Membuat Homepage Sederhana dan Interaktif

Membuat Homepage

Sederhana dan Interaktif

Kata Kunci

Sudahkah kamu mengetahui cara membuat

homepage

sederhana dan interaktif? Apakah kamu

telah mengetahui perangkat lunak apa saja untuk membuat sebuah

homepage

? Sudah dapatkah

kamu untuk melihat dan memodifikasi HTML sebuah website dalam jaringan internet?

Jika kamu sudah mengetahuinya, coba dipahami lebih dalam lagi pada pembahasan berikut

ini. Pada akhir pembahasan ini, kamu diharapkan mampu:

Menyebutkan janis-jenis perangkat lunak.

Menyebutkan komponen-komponen pada tampilan jendela FrontPage.

Menyebutkan elemen-elemen dalam Dokumen HTML.

Mengedit teks HTML menggunakan Microsoft Word.

Menyebutkan bentuk Form beserta kegunaannya.

Melihat dan memodifikasi HTML sebuah website dalam jaringan internet.

Menjelaskan cara memanipulasi

frames

Menjelaskan cara melakukan

download

dan

upload

• Cascrading

Style Sheet

• Desain grafis

• Domain

• Form

• Frame

• Frontpage

• Homepage

• HTML

• Hyperlink

• Item

• Upload

• Web Database

Interaktif

BAB 3

184

Teknologi Informasi dan Komunikasi Kelas XI

Sebagaimana kamu ketahui bahwa

homepage

adalah halaman depan sebuah website yang

memuat informasi penting.

Homepage

dapat diibaratkan sebagai halaman daftar isi dari sebuah

buku. Pada dasarnya, membuat

homepage

tidak jauh berbeda dengan membuat sebuah dokumen

pada MS.Word dengan fasilitas

Hyperlink

-nya. Dengan fasilitas ini kita dapat melihat lompatan-

lompatan antarhalaman yang sangat cepat dan menarik. Demikian pula pada sebuah

homepage

dengan fasilitas Hypertext atau Hypertext Mark-Up Language (HTML) maka lompatan-lompatan

antarhalaman atau website tidak terjadi ruang lingkup server yang sama. Akan tetapi, dapat terjadi

pada server yang letaknya saling berjauhan di seluruh penjuru dunia

Lalu perangkat lunak apa saja yang digunakan dalam membuat

homepage

beseta

komponennya dan cara mengkaitkan komponen tersebut dengan sebuah referensi? Pada bagian

inilah kamu akan mengetahui cara membuat

homepage

sederhana hingga

home

interaktif yang

menarik. Sering kali sebuah

homepage

disamakan dengan istilah web.

Gambar 3.1 Cara membuka FrontPage

Perangkat lunak yang diperlukan untuk membuat

homepage

, antara lain Microsoft Word,

Microsoft FrontPage, Bahasa Pemrograman Java, Dreamweaaver, dan lain-lain. Adapun untuk

mendukung desain grafis agar sebuah

homepage

tampil lebih menarik, kamu dapat menggunakan

perangkat lunak, seperti Corel Draw, Photoshop, Freehand, dan sebagainya.

Untuk membuat

homepage

pada Microsoft Word sama artinya dengan membuat sebuah

dokumen dengan berbagai komponennya (seperti hyperlink dan lain-lain) kemudian menyimpannya

dalam format tipe file Web Page (melalui

Save As Web Page

pada menu

File

Mengingat FrontPage masih banyak digunakan dan secara otomatis sudah ter-

install

dalam

Microsoft Office maka pada buku ini akan dipelajari secara lengkap mulai dari

homepage

sederhana

hingga

homepage

interaktif yang mengandung database. FrontPage ini tidak jauh berbeda dengan

perangkat lunak sejenis lainnya. Oleh sebab itu, buku ini dapat digunakan sebagai acuan belajar

perangkat lunak sejenis lainnya.

Mengaktifkan FrontPage

Untuk mengaktifkan FrontPage dapat dilakukan melalui

Start

Program

Microsoft FrontPage

A. Menentukan Perangkat Lunak yang Diperlukan untuk Membuat

Homepage

185

Membuat Homepage Sederhana dan Interaktif

Tampilan FrontPage Beserta Komponennya

Baris Judul

Baris Menu

Baris

Toolbar

Tombol ukuran

Baris tampilan

FrontPage editor

Gambar 3.2 Tampilan FrontPage

Elemen dasar kotak jendela FrontPage yang perlu kamu ketahui adalah sebagai berikut.

Baris judul

(Title Bar)

, yaitu baris yang menampilkan nama file atau dokumen FrontPage yang

sedang aktif.

Tombol Ukuran

(Sizing Button

) yang digunakan untuk mengatur ukuran kotak jendela

(Maxi-

mize, Minimize, Close)

Baris Menu

(Menu Bar)

, yaitu baris yang berisi perintah-perintah dalam mengelola dokumen

FrontPage

(File, Edit, View, Insert, Format, Tools, Table, Frames, Window, Help)

Toolbars

yang berisi ikon-ikon perintah dalam mengelola dokumen FrontPage.

Baris Tampilan

(Views Bar)

yang berisi ikon-ikon untuk memudahkan perpindahan

antarkotak jendela

(Page, Folders, Report, Navigation, Hyperlinks, Taks)

Daftar Folder

(Folder List

) yang berisi folder atau file yang terkait dengan file dokumen

FrontPage yang sedang aktif.

Taks Pane

yang digunakan untuk mempermudah dalam mengedit dokumen

HTML

FrontPage Editor

yang digunakan sebagai halaman untuk membuat dan mengedit dokumen

HTML

Elemen-elemen tersebut dapat ditampilkan atau disembunyikan melalui menu

View

B. Membuka Source HTML Sebuah Homepage

Source

sebuah

homepage

berisi bahasa atau kode-kode HTML sebuah

homepage

. Untuk

membuka

source

HTML sebuah

homepage

dapat dilakukan dengan langkah sebagai berikut:

186

Teknologi Informasi dan Komunikasi Kelas XI

Ketik alamat

homepage

(URL)

yang diinginkan pada

Address Bar

lalu tekan

Enter

(atau

tombol

) hingga muncul

homepage

yang diinginkan.

Klik

Source

pada menu

View

maka

source

akan muncul pada kotak jendela

Notepad

Gambar 3.3 Tampilan Source HTML sebuah Homepage

Untuk melihat

Source

sebuah

homepage

dapat pula dilakukan melalui sheet HTML pada

FrontPage Editor.

No.

Keterangan

Elemen HTML

Horizontal Line

Garis horizontal pada dokumen FrontPage

Date and Time

Tanggal dan waktu saat ini pada dokumen FrontPage.

Navigation Bar

Sekumpulan tombol atau teks yang dikaitkan

(hyperlink)

dengan dokumen page atau referensi lainnya dalam struktur

web.

Page Banner

Bagian dari halaman web yang memuat elemen grafik dan

teks.

Office Pivot Table

Tabel ringkasan atau rekapiluasi interaktif.

Office Chart

Grafik yang berhubungan dengan data tabel MS.Excel.

Banner add Manager

Banner rotasi yang menampilkan gambar, ukuran, efek

transisi secara bergantian.

C. Elemen-Elemen dalam Dokumen HTML

Elemen-elemen dokumen HTML termuat dalam menu

Insert

. Elemen-elemen yang perlu kamu

ketahui adalah sebagai berikut.

Tabel 3.1 Elemen-Elemen Dokumen HTML

187

Membuat Homepage Sederhana dan Interaktif

No.

Keterangan

Elemen HTML

Hit Counter

Penghitung banyak kunjungan sebuah website.

Hover Button

Tombol kreatif yang dikaitkan dengan efek suara, gambar,

dan lainnya.

10.

Marque

Pesan

text

berjalan secara horizontal.

11.

Confirmation Field

Komponen yang diganti dengan

Field

sebuah form dari

halaman konfirmasi.

12.

Include Page

Komponen yang diganti dengan isi atau halaman lain sebuah

web.

13.

Scheduled Picture

Gambar yang

ditampilkan pada interval waktu tertentu.

14.

Scheduled Include Page

Halaman yang ditampilkan pada interval waktu tertentu.

15.

Substitution

Variabel pada halaman web seperti nama kepemilikan

halaman.

16.

Search Form

Form yang dig

unakan untuk mencari teks atau halaman

dengan kriteria tertentu dari web yang sedang aktif.

17.

Table of Conten

Table yang berisi komponen yang mengandung

hypertext

18.

One Line Text Box

Sebuah baris

text

dari

user

seperti pesan, saran, dan lainnya.

19.

Scrolling Text Box

Beberapa baris

text

dari

user

seperti pesan, saran, dan lainnya.

20.

Check Box

Kotak pilihan dari sebuah daftar pilihan.

21.

Radio Button

Tombol satu pilihan dari pilhan yang tersedia.

22.

Drop Down Menu

Daftar item yang dapat dipilih dan diklik.

23.

Push Button

Tombol yang digunakan untuk menjalankan sebuah perintah.

24.

Label

Label pada sebuah halaman web.

Apabila kamu membuat homepage melalui Microsoft Word maka kamu dapat mengedit

text

HTML melalui Microsoft Word dengan langkah sebagai berikut:

D. Mengedit Text HTML Menggunakan Microsoft Word

188

Teknologi Informasi dan Komunikasi Kelas XI

Buka

homepage

yang diinginkan melalui penulisan URL pada

Address Bar

Gambar 3.4 Dokumen sebelum dan sesudah editing

Klik ikon

Edit

pada toolbar (atau

Edit

with Microsoft Word pada menu

File

) hingga muncul

kotak jendela Microsoft Word dengan baris judul dokumen yang diinginkan.

Edit

(hapus, salin, atau pindahkan)

text

yang diinginkan lalu simpan dengan mengklik

Save

pada menu

File

E. Manipulasi Text

Manipulasi Text dengan HTML

Untuk memanipulasi

text

dapat dilakukan melalui

tag-tag

(kode)

HTML

. Manipulasi

text

meliputi

mengedit

text

beserta

Font, Font Size, Font Style, Font Color, dan Effect

. Perhatikan HTML berikut!

189

Membuat Homepage Sederhana dan Interaktif

Yang berarti pada halaman dokumen tertulis pada paragraf:

Yang bertuliskan:

MAJU BERSAMA CREATIF COMPUTER

, ditulis dengan format:

•

Bold

atau tebal yang ditandai dengan adanya tag : ............

•

Jenis huruf Times New Roman dengan adanya tag : font face = ”Times New Roman”

•

Ukuran huruf 4 (atau 14 pt) dengan adanya tag : size = ”4”

•

Warna huruf biru dengan adanya tag : color = ”#0000FF”

Yang bertuliskan:

Selamat Datang Kepada Para Peserta

, ditulis dengan format:

•

Italic

atau miring yang ditandai dengan adanya tag : ............

•

Jenis huruf Times New Roman dengan adanya tag : font face = "Comic San MS"

•

Ukuran huruf 3 (atau 12 pt) dengan adanya tag : size = "3"

•

Warna huruf normal hitam dengan tidak adanya tag : color

Yang bertuliskan : PELATIHAN HOMEPAGE DESIGN, ditulis dengan format:

•

Normal (Reguler) yang ditandai dengan tidak adanya tag gaya huruf.

Beberapa tag gaya huruf (Font Style):

............ yang berarti

italic

............ yang berarti

Bold

•

Jenis huruf Normal (Courier New) dengan tidak adanya tag : font face

•

Ukuran huruf normal dengan tidak adanya tag : size

•

Warna huruf normal hitam dengan tidak adanya tag : color

Yang bertuliskan : di, ditulis dengan format:

•

Normal (Reguler) yang ditandai dengan tidak adanya tag gaya huruf.

•

Jenis huruf Normal (Courier New) dengan tidak adanya tag : font face

•

Ukuran huruf normal dengan tidak adanya tag : size

•

Warna huruf normal hitam dengan tidak adanya tag : color

Yang bertuliskan:

Kampus Pusat Pelatihan, ditulis dengan format:

•

Normal (Reguler) yang ditandai dengan tidak adanya tag gaya huruf.

•

Jenis huruf Normal (Courier New) dengan tidak adanya tag : font face

•

Ukuran huruf normal dengan tidak adanya tag : size

•

Warna huruf normal hitam dengan tidak adanya tag : color

Creatif Computer

ditulis dengan format:

•

Bold

atau tebal yang ditandai dengan adanya tag : .............

•

Jenis huruf Normal (Courier New) dengan tidak adanya tag : font face

•

Ukuran huruf normal dengan tidak adanya tag : size

•

Warna huruf normal hitam dengan tidak adanya tag : color

HTML di atas akan ditampilkan pada halaman Web sebagai berikut (hasilnya akan sama

dengan memanipulasi tabel secara langsung pada halaman Web

(Homepage)

190

Teknologi Informasi dan Komunikasi Kelas XI

Gambar 3.5 Tampilan hasil manipulasi teks HTML pada halaman Web

Manipulasi Text Secara Langsung pada Halaman Web (Homepage)

Manipulasi

text

secara langsung pada halaman web

(homepage)

serta pengaturan formatnya

sama halnya dengan manipulasi

text

serta pengaturan formatnya pada halaman dokumen MS.Word.

Untuk memanipulasi

text

pada halaman normal dapat dilakukan dengan langkah sebagai berikut.

Tentukan pointer sisipan tempat

text

akan ditulis.

Ketiklah

text

yang diinginkan seperti gambar di bawah ini.

Formatlah melalui

Font

pada menu

Format

Text

sudah tertulis dengan format yang diinginkan.

Simpanlah dengan nama file

Belajar Homepage 1

melalui

Save As

pada menu

File

Gambar 3.6 Tampilan hasil manipulasi teks pada halaman Web

191

Membuat Homepage Sederhana dan Interaktif

Manipulasi Gambar dengan HTML

Untuk memanipulasi gambar dapat dilakukan melalui

tag-tag

(kode)

HTML

Yang berarti gambar diambil dari alamat URL : ”PE01832_.gif” (gambar komputer)

HTML di atas akan ditampilkan pada halaman web sebagai berikut. Hasilnya akan sama

dengan memanipulasi gambar secara langsung pada halaman web

(homepage)

Gambar 3.7 Tampilan hasil manipulasi gambar dengan HTML

Manipulasi Gambar Secara Langsung pada Halaman Web (Homepage)

Manipulasi gambar serta pengaturan propertiesnya pada halaman web

(homepage)

sama halnya

dengan manipulasi gambar serta pengaturan propertiesnya pada halaman dokumen MS.Word.

Untuk

memanipulasi

text

pada halaman normal dapat dilakukan dengan langkah sebagai berikut:

Bukalah file yang diinginkan. Misalnya, File Belajar Homepage 1.

Tentukan

pointer

sisipan tempat gambar akan disisipkan.

Klik

Insert - Picture - ClipArt

(atau From File atau Video).

Pilih dan masukkan gambar yang diinginkan.

Aturlah format gambar agar lebih menarik.

F. Manipulasi Gambar

G. Manipulasi Daftar Item

Manipulasi Daftar Item

Untuk memanipulasi daftar item dapat dilakukan melalui

tag-tag

(kode) HTML berikut.

192

Teknologi Informasi dan Komunikasi Kelas XI

Yang berarti daftar item yang digunakan untuk hardware adalah

dan

dengan tipe bullet Square

<<ul type=”square”>

<li>Harddisk</li>

<li>Modem</li>

Sedangkan daftar item yang digunakan untuk software adalah ol, yaitu daftar item bernomor <ol>

<li>Windows XP</li>

<li>Norton Utility</li>

<li>Microsoft Office</li>

HTML di atas akan ditampilkan pada halaman web sebagai berikut hasilnya akan sama dengan

memanipulasi daftar item secara langsung pada halaman web

(homepage)

Gambar 3.8 Tampilan hasil manipulasi daftar item pada halaman Web

Manipulasi Daftar Item Secara Langsung pada Halaman Web (Homepage)

Manipulasi daftar item serta pengaturan propertiesnya pada halaman web

(homepage)

sama

halnya dengan manipulasi gambar serta pengaturan propertiesnya pada halaman dokumen MS.Word,

dengan langkah sebagai berikut:

Buatlah file dengan nama file

Belajar Homepage 2

(seperti pada gambar di atas).

Tentukan pointer sisipan tempat gambar akan disisipkan.

Klik

Bullets and Numbering

pada menu

Format

Ketikan

text

yang diinginkan. Misalnya, seperti gambar di atas.

Aturlah format dan posisi

text

agar lebih menarik.

193

Membuat Homepage Sederhana dan Interaktif

Manipulasi Form dengan HTML

Form adalah fasilitas yang digunakan untuk formulir isian pada halaman web

(homepage)

Bentuk-bentuk form yang tersedia antara lain seperti berikut.

One Line text Box

Sebuah baris

text

dari

user

seperti pesan, saran, dan lainnya.

Scrolling Text Box

Beberapa baris

text

dari

user

seperti pesan, saran, dan lainnya.

Check Box

Kotak pilihan dari sebuah daftar pilihan.

Radio Button

Tombol satu pilihan dari pilhan yang tersedia.

Drop Down Menu

Daftar item yang dapat dipilih dan diklik.

Push Button

Tombol yang digunakan untuk menjalankan sebuah perintah.

Label

Label pada sebuah halaman web.

Perhatikan HTML berikut:

Untuk memanipulasi

text

”Hubungi kami ...” dan ”Komentar apa ...” dapat dilakukan melalui

tag-tag

(kode) HTML berikut.

H. Manipulasi Form

Gambar 3.9 Bentuk-bentuk Form

One Line Text Box

Scrolling Text Box

Check Box

Drop Down Menu

Radio Button

Push Button

Tabel 3.2 Bentuk-Bentuk Form

194

Teknologi Informasi dan Komunikasi Kelas XI

Untuk memanipulasi

Radio Button

dapat dilakukan melalui

tag-tag

(kode) HTML berikut.

Untuk manipulasi

text

”Bagian apa saja ...” dapat dilakukan melalui

tag-tag

(kode) HTML berikut.

Untuk manipulasi

Drop Down Menu

dapat dilakukan melalui

tag-tag

(kode) HTML berikut.

Untuk manipulasi

text

”Tulislah komentar anda ...” dapat dilakukan melalui

tag-tag

(kode) HTML

berikut.

195

Membuat Homepage Sederhana dan Interaktif

Untuk manipulasi

Label

dan

Online textbox

dapat dilakukan melalui

tag-tag

(kode) HTML berikut.

Untuk manipulasi

Label

dan

Scrolling textbox 2

baris dapat dilakukan melalui

tag-tag

(kode) HTML

berikut.

Untuk manipulasi

text

”Tulislah alamat ...” dapat dilakukan melalui

tag-tag

(kode) HTML berikut.

Untuk manipulasi

Label

dan

Online textbox

dapat dilakukan melalui

tag-tag

(kode) HTML berikut.

196

Teknologi Informasi dan Komunikasi Kelas XI

Untuk manipulasi

Checkbox

dapat dilakukan melalui

tag-tag

(kode) HTML berikut.

Untuk manipulasi

Push Button

dapat dilakukan melalui

tag-tag

(kode) HTML berikut.

HTML di atas akan ditampilkan pada halaman web sebagai berikut (hasilnya akan sama dengan

memanipulasi Form secara langsung pada halaman web):

Gambar 3.10 Tampilan HTML pada halaman web

Manipulasi Form Secara Langsung pada Halaman Web (Homepage)

Untuk menyisipkan form pada pada halaman web dapat dilakukan dengan langkah:

Bukalah file yang diinginkan atau buatlah yang baru dengan nama file Belajar Homepage 3.

Tentukan pointer sisipan tempat Form yang akan disisipkan.

197

Membuat Homepage Sederhana dan Interaktif

Klik menu

Insert - Form

Klik beberapa bentuk form yang tersedia maka akan tampil bentuk form pada halaman web

(homepage)

. Seperti pada gambar di atas.

Aturlah format dan posisi teks agar lebih menarik.

Untuk memanipulasi

frame

dapat dilakukan dengan langkah sebagai berikut.

Klik menu

File - New - Page

hingga muncul kotak dialog

New

Klik tab

Frames Pages

dan pilih bentuk

frame

lalu klik

muncul kotak jendela seperti berikut.

Gambar 3.11 Jendela New Page

Gambar 3.12 Jendela New Frame

Manipulasi Frame

198

Teknologi Informasi dan Komunikasi Kelas XI

Pada setiap

frame

, klik

Set Initial Page

(apabila ingin membuka /menggunakan referensi yang

sudah ada) atau

New Page

(apabila ingin membuat referensi/halaman baru).

Jika kamu mengklik

Set Initial Page

, tentukan

homepage

pada kotak dialog

Create Hyperlink

(atau buatlah halaman baru jika kamu mengklik

New Page

Kamu dapat melihat hasil manipulasi

frame

melalui halaman

Preview

Gambar 3.13 Tampilan New - Page - 1. htm di Preview

Manipulasi Tabel dengan HTML

Untuk memanipulasi tabel dapat dilakukan melalui

tag-tag

(kode) HTML berikut.

J. Manipulasi Tabel

199

Membuat Homepage Sederhana dan Interaktif

HTML di atas akan ditampilkan pada dokumen

homepage

sebagai berikut (hasilnya akan sama

dengan memanipulasi table secara langsung pada halaman web

(homepage)

Gambar 3.14 Tampilan hasil manipulasi tabel

Manipulasi Tabel Secara Langsung pada Halaman Web (Homepage)

Untuk menyisipkan table pada pada halaman web

(homepage)

dapat dilakukan dengan langkah:

Bukalah file yang diinginkan.

Tentukan pointer sisipan tempat tabel yang akan disisipkan.

Klik menu

Table - Insert - Table

Tentukan banyaknya baris dan kolom

Table

Aturlah format dan posisi text agar lebih menarik.

Kegiatan Belajar

Buatlah

homepage

yang menarik tentang melalui FrontPage dengan tema salah satu dari

tema berikut:

Ilmu Pengetahun

Penawaran barang

Seni dan Kebudayaan

K. Membuat Layout Homepage yang Diinginkan

Agar lebih menarik, sebuah

homepage

harus di disain dengan format

layout

yang menarik.

Untuk menghasilkan

homepage

yang menarik perlu diperhatikan:

Unsur-unsur yang termuat beserta komposisinya.

Simpel hingga tidak terkesan penuh.

Fokus objek yang menjadi pusat pesan yang akan disampaikan.

Kenyamanan mata saat seorang mengunjungi

homepage

Untuk itulah sebaiknya langkah dalam membuat

homepage

yang diinginkan adalah sebagai berikut:

Membuat

layout

desain

homepage

dengan menggunakan

software grafis

Aturlah komposisi warna, bentuk dan ukuran objek yang termuat pada

homepage

Memilih animasi agar lebih menarik.

Membuat HTML atau langsung pada lembar halaman normal.

Menggunakan fasilitas

hyperlink

200

Teknologi Informasi dan Komunikasi Kelas XI

Sebagaimana diketahui bahwa

hyperlink

adalah mengkaitkan sebuah

text

atau objek pada sebuah

file atau referensi lainnya. Biasanya fasilitas ini digunakan untuk memberi penjelasaan atau file lanjutan

dari sebuah

homepage

atau

website

. Untuk menggunakan Hyperlink dapat dilakukan dengan langkah

sebagai berikut:

Pastikan bahwa file atau referensi yang akan dikaitkan dengan

text

atau objek telah dibuat

(Belajar Homepage 3.html) seperti gambar di bawah.

Buka file tempat

text

atau objek yang akan dikaitkan (Belajar Homepage 4.html) seperti gambar di

bawah.

Sorot

text

atau objek yang akan dikaitkan (misalnya

text

Harddisk

Klik

Hyperlink

pada menu

Insert

hingga muncul kotak dialog

Create Hyperlink

Gambar 3.15 Jendela Create Hyperlink

Ketiklah alamat file yang akan dikaitkan pada kotak isian

URL

yang tersedia atau kamu

dapat

menggunakan fasilitas ikon-ikon yang tersedia untuk explorer alamat file yang diinginkan.

Gambar 3.16 Toolbar URL

L. Menerapkan Hyperlink

201

Membuat Homepage Sederhana dan Interaktif

Klik

sehingga text berwarna biru atau lainnya.

Selesai.

Sekarang

kamu

dapat mencobanya melalui halaman Preview. Arahkan dan klik

text

tersebut maka

kamu akan

melihat file Belajar Homepage 3 segera ditampilkan.

Gambar 3.17 Preview hasil Hyperlink

Untuk menerapkan Cascading Style Sheet dapat dilakukan dengan langkah sebagai berikut:

Klik Menu

File - New - Page

hingga muncul kotak dialog

New

Klik tab

Style Sheet

dan pilih salah satu Style Sheet yang tersedia lalu

Halaman dokumen baru siap dilengkapi

text

, objek, dan lainnya.

Kegiatan Belajar

Bukalah salah satu website yang menggunakan fasilitas hyperlink. Perhatikan

text

atau

objek yang dikaitkan serta referensinya.

Buatlah sebuah

homepage

dengan menggunakan hyperlink pada beberapa

text

dan

objek.

M. Menerapkan Cascading Style Sheet

N. Membuat Aplikasi dalam Sistem yang Terintegrasi

Membuat aplikasi dalam sistem yang terintegrasi berarti membuat sebuah

homepage

yang memuat

banyak halaman yang saling berhubungan satu sama lainnya. Untuk membuat aplikasi dalam sistem

yang terintegrasi dapat dilakukan dengan menggunakan fasilitas

hyperlink, database, form

dan komponen

lainnya.

202

Teknologi Informasi dan Komunikasi Kelas XI

Gambar 3.18 Halaman muka homepage

Hal yang

harus

kamu

siapkan adalah desain halaman muka

homepage (website)

beserta

halaman berikutnya yang memuat referensi/penjelasan.

203

Membuat Homepage Sederhana dan Interaktif

Untuk membuat grafis sesuai dengan homepage yang diinginkan dapat kita gunakan software

pendukung grafis, seperti Corel Draw, Photoshop,

dan lainnya.

Kamu

juga dapat menggunakan koleksi-

koleksi foto yang sesuai dengan

homepage

yang diinginkan.

Gambar 3.19 Halaman pendukung page referensi dari website

O. Membuat Grafis Sesuai dengan Homepage yang Diinginkan

204

Teknologi Informasi dan Komunikasi Kelas XI

Untuk mengakses sebuah komputer dalam jaringan internet, setiap komputer diberikan alamat

dengan nomor kode yang panjang dan unik. Kode inilah yang akan dihubungkan protokol dalam

proses pencarian sebuah komputer oleh

user

. Namun, untuk mempermudah mengingat sebuah

komputer kode alamat tersebut disimbolkan ke dalam sebuah domain. Misalnya, kita akan menuju

komputer dengan domain

www.zulfikaralir.com

berarti kita sedang mengakses komputer dengan

IP yang ada pada server

www.zulfikaralir.com

tersebut. Badan yang mengatur domain internasional

adalah

Network Information Center (Internic)

. Jadi, nama domain adalah nama yang diberikan

Internic

untuk mengidentifikasi nama server komputer dalam jaringan internet.

Pemesanan Nama Domain

Untuk membuat atau memesan nama domain haruslah nama domain yang belum pernah

dimiliki orang atau perusahaan lain sebelumnya. Untuk memeriksa hal tersebut kamu dapat lakukan

melalui:

www.namadomain.com

www.registercenter.com

Untuk pemesanan nama domain biasanya dikenai biaya pertahun sesuai dengan

SLD (Second

Level Domain)

yang dipesan. Pembayaran biaya tersebut dapat dilakukan melalui kartu kredit atau

transfer bank tergantung ketentuan yang diatur oleh situs Provider Web Hosting tersebut.

Anda dapat pula memesan nama domain mellaui situs gratis, seperti:

www.geoties.com

www.tripod.com

www.kotaweb.com

Gambar 3.20 Hasil desain grafis homepage

P. Menentukan Alamat Domain

205

Membuat Homepage Sederhana dan Interaktif

Untuk mendaftarkan nama domain pada Provider Web Hosting dapat dilakukan dengan langkah

sebagai berikut:

Isilah nama domain yang kamu inginkan pada field pengisian nama domain. Apabila nama

tersebut sudah dimiliki orang lain sebelumnya, cobalah cari nama domain lainnya hingga

nama domain tersebut masih dapat didaftarkan.

Pada layar berikutnya isilah data informasi kepemilikan domain dan tentukan cara pembayaran

atas domain yang kamu miliki.

Periksa kembali data kepemilikan domainmu.

Konfirmasi domain yang telah didaftarkan akan diproses dan diberitahu melalui

e-mail

yang

telah kamu isi.

Jika proses di atas berhasil berarti kamu telah memiliki domain komputermu dalam jaringan

internet.

Q. Mendaftarkan Alamat Domain ke Provider Web Hosting

R. Melakukan Upload

Upload

adalah proses mentrasfer file yang ada pada komputer kamu ke komputer server.

Upload

dapat dilakukan apabila kamu telah memiliki hosting dan domain. Proses sebaliknya

dinamakan

download

. Biasanya orang lebih banyak melakukan

download

daripada

upload

. Untuk

melakukan

upload

dapat melalui web hosting, misalnya WebFTP dari Lycos Tripoid. Pada umumnya,

web hosting memiliki link untuk melakukan

uploading

. Apabila kamu telah siap dengan file yang

akan di-

upload

, maka oleh

uploader

secara otomatis file tersebut akan di-

upload

. Adapun langkahnya

sebagai berikut:

Pilih menu

WebFTP

pada Account situs.

Pilih file yang akan di-

upload

dengan mengklik browse.

Klik

Upload

maka proses transfer sudah dilaksanakan.

S. Memperbaiki dan Merevisi Data yang Sudah Ada

Untuk memperbaiki dan merevisi data yang sudah ada dapat dilakukan secara langsung

melalui

tag-tag

html.

Text MAJU BERSAMA CREATIF COMPUTER direvisi menjadi JAKARTA DESIGN CREATIF

206

Teknologi Informasi dan Komunikasi Kelas XI

Kamu dapat pula memperbaiki dan merevisi data yang sudah ada secara langsung pada

dokumen html.

Setelah kamu memahami cara membuat homepage dengan desain yang menarik, cobalah

kamu membuat web database interaktif. Untuk membuat web database tersebut dapat dilakukan

dengan langkah sebagai berikut:

Klik

File - New - Page

, akan tampil web database interaktif berupa formulir.

Gambar 3.21 Tampilan Web Database interaktif

T. Memprogram Web Database Interaktif

207

Membuat Homepage Sederhana dan Interaktif

Gambar 3.22 Hasil modifikasi web database

Kamu dapat mengedit

text

atau mendesain form tersebut agar lebih menarik.

Homepage

merupakan halaman depan sebuah website yang memuat informasi penting.

Homepage

dapat diibaratkan sebagai halaman daftar isi dari sebuah buku. Selain itu,

homepage

juga memiliki fasilitas-fasilitas, seperti Hypertext atau Hypertext Mark-Up Language (HTML).

Pengoperasian homepage tidak jauh berbeda dengan membuat sebuah dokumen pada

Microsoft Word. Hanya saja dalam megoperasikan homepage menggunakan fasilitas HTML supaya

tidak terjadi lompatan-lompatan antarhalaman atau website pada ruang lingkup server yang sama,

tetapi dapat terjadi pada server yang letaknya saling berjauhan di seluruh penjuru dunia.

Selain itu,

homepage

juga dapat memuat banyak halaman yang saling berhubungan

satu sama lain dengan membuat aplikasi dalam sistem yang terintegrasi menggunakan

hyperlink, database, dan form. Tidak hanya itu pembuatan grafis dapat dilakukan sesuai

homepage

yang diinginkan menggunakan software pendukung.

RANGKUMAN

Demikianlah pembahasan tentang teknik membuat

homepage

sederhana dan interaktif. Kini

kamu dapat membuat

homepage

untuk keperluan sekolahmu, keluarga, maupun masyarakat. Untuk

menambah wawasanmu tentang materi tersebut kunjungilah website berikut:

http://www.ca.inter.net/en/help/homepage.php

http://www.buildwebsite4u.com/building/build-website.shtml

208

Teknologi Informasi dan Komunikasi Kelas XI

Kamu sudah mempelajari materi tentang jenis-jenis perangkat lunak dalam

homepage

komponen-komponen pada tampilan jendela frontpage, elemen-elemen dalam dokumen HTML,

bentuk form, cara mengedit

text

HTML, memanipulasi frames, melakukan

download

dan

upload

serta dalam jaringan internet.

Untuk mengukur penguasaanmu terhadap materi-materi yang disajikan, kerjakanlah

latihan-latihan soal berikut. Jika kamu sudah dapat mengerjakan 80

atau lebih dari soal-soal

latihan berikut dengan benar, kamu sudah dapat dikatakan menguasai materi pada bab 3 ini.

Akan tetapi, jika kamu belum mampu mencapai 80

penguasaan materi tersebut maka kamu

harus mempelajari kembali materi tersebut, baik dengan bertanya kepada guru di sekolah,

maupun dengan minta bantuan teman, saudara, atau orang tua di rumah.

REFLEKSI

Berilah tanda silang (x) pada salah satu huruf a, b, c, d, atau e di depan jawaban yang

paling tepat!

Berikut ini yang

bukan

merupakan perangkat lunak untuk membuat homepage adalah ....

a. Microsoft Word

. FrontPage

Corel Draw

d. Dreamweaver

e. Java Script

Type file untuk homepage adalah ....

a. Web page

b. Documents

Worksheets

d. Workbooks

e. Presentation

Berikut ini yang

bukan

termasuk dalam tampilan baris menu FrontPage adalah ....

a. Frames

b. Message

c. Table

d. Format

e. Insert

209

Membuat Homepage Sederhana dan Interaktif

Baris yang berisi ikon-ikon untuk memudahkan perpindahan antarkotak jendela adalah ....

a. Menu Bar

b. Forder List

Takspane

d. FrontPage Editor

e. Views Bar

Berikut ini yang

tidak

terdapat pada baris tampilan adalah ....

a. Report

b. Page

c. Table

d. Folders

e. Navigation

Source sebuah homepage berisi ....

a. Kode HTML

b. Kapasitas homepage

Status homepage

d. Lokasi homepage

e. Sumber alamat homepage

Pada FrontPage URL diketik pada kotak isian ....

a. Location Bar

b. Links

G o

d. Address Bar

e. Go To

Untuk memanipulasi komponen pada halaman homepage terdapat pada sheet ....

a. Normal

b. HTML

Preview

d. Workbook

e. Worksheet

Untuk mempercantik penampilan dengan efek animasi tertentu kita gunakan fasilitas ....

a. Fill Effect

b. Dynamic Effect

Custom animation

d. Presentation

e. Effect animation

10. Untuk menambahkan text berjalan kita gunakan ....

a. Page Banner

b. Theme

Scrolling text box

d. Marque

e. Sticker News

210

Teknologi Informasi dan Komunikasi Kelas XI

11. Scrolling text box digunakan untuk ....

a. text berjalan

b. text box bergulung

text box satu baris

d. text box dua baris

e. text box multiline

12. Untuk melihat kapasitas komponen dari sebuah homepage kita klik ....

a. Folders

b. Navigation

Report

d. Document Info

e. Properties

13. Page Transition digunakan untuk ....

a. mengatur durasi transisi antarhalaman

b. mengatur efek transisi antarhalaman

mengatur prosedur transisi antarhalaman

d. mengatur tampilan transisi antarhalaman

e. mengatur frekuensi transisi antarhalaman

14. Hit Counter digunakan untuk ....

a. menghitung durasi loading website

b. menghitung banyaknya daftar kunjungan

menghitung daftar update sebuah website

d. menghitung banyaknya komponen sebuah website

e. menghitung lamanya sebuah website dikunjungi

15.

Sekumpulan tombol untuk menjalankan perintah-perintah dalam sebuah homepage disebut ....

a. Marque

b. Hit Counter

Hover Button

d. Command Button

e. Navigator Bar

16. Untuk menampilkan beberapa halaman secara bergantian dalam interval waktu tertentu

digunakan ....

a. Substitution

b. Marque

Banner

d. Banner and manager

e. Scheduled include page

17. Online text box sangat cocok untuk ....

a. membuat text secara online dalam jaringan internet

b. membuat link kesemua file dalam harddisk

membuat text satu baris dalam kotak isian

d. membuat kotak isian memo atau keterangan tambahan

e. membuat sebuah garis pada text box

211

Membuat Homepage Sederhana dan Interaktif

18. Ikon stop current jump pada toolbar standart digunakan untuk ....

a. menghentikan loncatan antardokumen

b. menghentikan loncatan antara halaman sebuah homepage

menghentikan proses loading sebuah website

d. membatalkan proses loading sebuah homepage

e. keluar dari homepage atau website yang sedang aktif

19. Tag-tag sebuah homepage dapat dilihat melalui sheet ....

a. HTML

b. Normal

Preview

d. Document info

e. Propeties

20. Tombol kreatif yang dikaitkan dengan efek suara, gambar dan lainnya dinamakan ....

a. Command Button

b. Hover Button

Creatif Button

d. Link Button

e. Multimedia Button

21. Radio Button digunakan untuk ....

a. tombol pilihan dari pilihan yang tersedia

b. mengkaitkan dengan radio pengendali

mengkaitkan dengan radio frekuensi

d. mengkaitkan dengan suara

e. tombol on-off dari sebuah pilihan yang tersedia

22. Kode tag ........ berarti ....

a. huruf tebal

b. huruf kapital

hutuf miring

d. huruf besar

e. huruf b

23. Kode tag Size=”4” berarti penulisan huruf sebesar ....

a. 8 point

b. 10 point

12 point

d. 14 point

e. 16 point

24. Kode tag < option > ..... < /option > adalah kode untuk ....

a. Check Box

b. Drop down menu

Radio Button

d. Push Button

e. Scrolling text Box

212

Teknologi Informasi dan Komunikasi Kelas XI

25. Jika kita mengklik File - New - Page - Style Sheet berarti kita sedang ....

a. membuat form isian

b. menerapkan Cascading Style Sheet

membuat file baru

d. membuat halaman baru

e. membuat sisipan halaman

26. Untuk memeriksa apakah domain yang kita pesan belum ada yang memiliki sebelumnya

dapat kita periksa melalui ....

a. www.Internic.com

b. www.apjii.net

www.namadomain.com

d. www.registercenter.net

e. www.kotaweb.net

27. Tempat untuk mendaftarkan alamat domain adalah ....

a. Internet Service Provider

b. TELKOM

Internic

d. APJII

e. Provider Web Hosting

28. Fasilitas hyperlink terdapat pada menu ....

a. Tools

b. Insert

Component

d. Frames

e. Window

29. Tag <UL> dan <LI> digunakan untuk ....

a. membuat daftar definisi

b. membuat daftar bernomor

membuat daftar tidak bernomor

d. membuat daftar pemilik homepage

e. membuat daftar umum homepage

30. Tag yang digunakan untuk membuat garis horizontal adalah ....

a. <HO>

b. <HZ>

<HR>

d. <HN>

e. <HT>

31. Tag <BLOCKQUOTE>.... </BLOCKQUOTE>.... digunakan untuk penulisan ....

a. huruf tebal

b. menjorok ke dalam

kutipan

d. latar belakang block

e. kutipan blok

213

Membuat Homepage Sederhana dan Interaktif

32. Untuk memberikan coretan pada text digunakan tag ....

a. <X>

b. <C>

<S>

d. <Z>

e. <F>

33. Tag digunakan untuk ....

a. memperkecil huruf

b. membuat huruf kecil

menulis SMALL

d. membuat text Sentence Cace

e. mengubah huruf kapital menjadi huruf kecil

34. Ukuran huruf dapat diatur dengan menggunakan tag ....

a.

b. <TEXTSIZE>

<SIZE>

d. <BASEFONT>

e. <BIG> atau

35. Untuk mengkaitkan dengan dokumen lain digunakan tag ....

a. <LINK>

b. <HYPERLINK>

d. <HTML>

e. <BODY>

36. Untuk memasukkan gambar digunakan tag ....

a. <IMR SCR =...>

b. <IMG SCR =...>

d. <DRAW =...>

e. <JPG =...>

37. Domain CO.ID digunakan untuk ....

a. perusahan industri

b. perusahaan berbadan hukum

perkumpulan atau organisasi

d. perorangan

e. pembaga negara

38. Untuk Instansi pemerintah menggunakan domain ....

a. Gov.id

b. Int.id

Mil.id

d. Go.id

e. Or.id

214

Teknologi Informasi dan Komunikasi Kelas XI

39. Domain untuk lembaga pendidikan atau sekolah adalah ....

a. sch.ac.id

b. edu.id

co.id

d. mil.id

e. or.id

40. Tempat di mana seseorang dapat menyimpan data di sebuah web server untuk dapat diakses

oleh banyak orang adalah ....

a. ISP

b. Web Hosting

Telkom

d. APJII

e. Internic

II.

Jawablah pertanyaan-pertanyaan di bawah ini dengan singkat dan tepat!

Sebutkan tujuh buah perangkat lunak yang digunakan dalam mendesain website!

Tulislah komponen-komponen yang terdapat pada tampilan kotak jendela FrontPage beserta

kegunaannya!

Tulislah lima buah komponen yang dapat dimasukkan dalam halaman homepage beserta

fungsinya!

Jelaskan secara singkat cara melihat dan memodifikasi HTML sebuah website dalam jaringan

internet!

Sebutkan beberapa bentuk Form beserta kegunaannya!

Jelaskan secara singkat cara memanipulasi frames!

Jelaskan secara singkat cara mengkaitkan text atau objek dengan sebuah file atau referensi

dalam sebuah website di jaringan internet!

Tulis alamat situs pendaftaran domain secara gratis. Tulis pula ciri khas dari situs tersebut!

Tulislah alamat situs pendaftaran domain dengan biaya tertentu. Tentukan tata cara

pembayarannya!

10. Jelaskan cara melakukan download dan upload!

215

Lampiran

215

Daftar Pustaka

Anonim. 2009.

Professional Excel Development: The Definitive Guide to Developing Applications

Using Microsoft Excel, VBA, and. NET

(2nd Edition). Boston: Pearson Education.

Anonim. 2002.

The Complete Idiot’s Guide to Creating a Web Page

(5th Edition). USA: Pearson

Education.

Bud E. Smith. 2009.

Creating Web Pages for Dummies

. Indiapolis, Indiana: Wiley Publishing Inc.

John WalkenBach. 2004.

Excel 2003 Power Programming with VBA

(Excel Power Programming

with VBA)

. Indiapolis, Indiana: Wiley Publishing Inc.

_______. 2003.

Microsoft Excel 2003 Bible

. Indiapolis, Indiana: Wiley Publishing Inc.

Padji M. Sudarmo. 2006.

Kamus Istilah Komputer, Teknologi Informasi dan Komunikasi

. Bandung:

Yrama Widya.

Preston Gralla. 2002.

How the Internet Works

(8th Edition) (How It Works). USA: Que.

Scott Mitchell. 2009.

Create Your Own Website

(4th Edition). USA: Pearson Education.

216

Teknologi Informasi dan Komunikasi Kelas XI

absolute reference

: referensi mutlak,

acuan rumus yang tidak berubah di dalam sel pun rumus

itu digunakan

address bar

sebuah aksesoris antarmuka pada web browser yang mengindikasikan

sebuah URL, alamat web, atau sebuah file lokal yang sedang ditampilkan

oleh browser atau apa yang ingin ditampilkan oleh pengguna komputer

alignment

perataan, dalam jaringan komputer merupakan proses meratakan

komponen sebuah sistem terhadap komponen lainnya. Misalnya

sinkronisasi waktu komputer dari suatu sistem

ascending

pengurutan data dari yang terkecil hingga ke terbesar, misal 0, 1, 2, ..., 9.

auditing

proses memeriksa lembar kerja dari kesalahan

bandwidth

ukuran yang diberikan ISP, seberapa lebar spektrum yang dihantarkan

sesuai dengan lebarnya jalur komunikasi, untuk menampung kapasitas

data

border

batasan, bingkai

chatting

percakapan interaktif antar sesama pengguna komputer yang terhubung

dalam suatu jaringan; percakapan ini bisa dilakukan dengan saling

berinteraktif melalui teks, maupun suara

check box

: tipe kontrol interaktif yang sering digunakan dalam antarmuka pemakai

grafik;

check box

ini digunakan untuk untuk mengaktifkan atau mematikan

suatu fasilitas atau lebih atau pilihan dari alternatif yang ada; ketika

check

box

ini dipilih, biasanya akan dimunculkan tanda x atau sebuah tanda

centang di dalam kotak tersebut; bandingkan dengan

radio button

, dan

control

client

komputer yang memanfaatkan sumber daya dalam jaringan yang

disediakan oleh komputer lainnya, yang disebut dengan

server

ClipArt

gambar foto dalam bentuk digital, biasanya yang telah disediakan oleh

sistem yang digunakan, namun demikian ClipArt ini juga bisa diimport dari

dokumen lain yang sejenis dan disupport oleh sistem tersebut

compile

istilah ini biasanya digunakan pada tahapan ketika program telah selesai

dikerjakan dan kemudian diproses sehingga menghasilkan suatu program

yang dapat dieksekusi

Glosarium

217

Lampiran

217

Glosarium

data file yang ditulis ke dalam harddisk oleh web server untuk

mengidentifikasikan diri kita pada situs, sehingga sewaktu kita kembali

mengunjungi situs tersebut, situs tersebut akan mengenalnya

CPU

centar processing unit

, yaitu unit pengolah pusat (UPP) yang merujuk

pada perangkat keras komputer yang memahami dan melaksanakan

perintah dan data dari perangkat lunak

data

fakta, atau bagian dari fakta yang mengandung arti yang dihubungkan

dengan kenyataan, simbol-simbol, gambar-gambar, kata-kata, angka-

angka, huruf-huruf, atau simbol-simbol yang menunjukkan suatu ide, objek,

kondisi, atau situasi dan lain-lain

data karakter

: data masukan yang berupa karakter/huruf, simbol, termasuk gambar

data numerik

: data masukan yang berupa angka atau bilangan

database

basis data, representasi kumpulan fakta yang saling berhubungan disimpan

secara bersama sedemikian rupa dan tanpa pengulangan

(redudansi)

yang tidak perlu, untuk memenuhi berbagai kebutuhan

default

: keadaan awal

descending

pengurutan dari terbesar ke terkecil, misal 9, 8, 7, ..., 2

desktop

: layar monitor yang dipenuhi dengan ikon-ikon yang mewakili program

yang terdapat di dalam komputer, salah satu model kemasan komputer

yang sengaja dirancang untuk ditempatkan di atas meja kerja, disebut

juga dengan

desktop computer

domain

sebuah alamat, yaitu alamat sebuah

homepage

website

, atau situs

download

menyalin data dari server secara

remote

, mengambil file atau mentransfer

file dari satu komputer

e-mail

singkatan dari

electronic mail

; pesan, atau surat secara elektronik, baik

berupa teks maupun gabungan dengan gambar, yang dikirimkan dari satu

alamat ke alamat lain di jaringan internet

field

sekumpulan data yang memiliki tipe dan sifat yang sama, informasi tentang

identitas spesifik, di dalam database diartikan sebagai identitas spesifik

dari sebuah objek; misalnya objeknya mobil,

field

warnanya biru

file

: arsip

yang disimpan dalam suatu media, yang terdiri dari kumpulan

karakter, dan didokumentasikan dalam bentuk data digital oleh komputer

fill handle

: sebuah tanda persegi berwarna

hitam di sudut kanan bawah sel aktif

footer

: catatan

bagian bawah dari laporan yang ada hampir pada setiap halaman

form

: sebuah jendela yang merupakan wadah bagi berbagai komponen yang

akan terpasang dalam suatu program aplikasi; dalam pembuatan sebuah

program form dapat bertindak sebagai jendela program, kotak dialog dan

jendela peringatan

218

Teknologi Informasi dan Komunikasi Kelas XI

frame

: bingkai,

jendela yang tampak pada layar monitor sebuah PC (Personal

Computer) ketika membuka suatu aplikasi tertentu

frontpage

atau Microsoft Office FrontPage, merupakan sebuah program aplikasi

editor HTML yang berbasis WYSIWYG dan juga bertindak sebagai alat

bantu administrasi situs web yang dikembangkan oleh Microsoft untuk

jajaran sistem operasi Windows

grafik

: citra,

meliputi gambar dan pencitraan lain yang dihasilkan komputer,

berbentuk garis, lengkungan, kurva, dan sebagainya

harddisk

cakram keras, piringan, media yang berbentuk piringan, umumnya istilah

ini digunakan untuk media penyimpan data

hardware

perangkat keras, merupakan salah satu elemen dari sistem komputer,

suatu alat yang bisa dilihat dan diraba oleh manusia secara langsung,

yang mendukung proses komputerisasi

header

keterangan pada sisi bagian atas yang ada pada hampir setiap halaman.

homepage

halaman muka dari sebuah situs web, halaman default yang diset untuk

sebuah browser, halaman ini ditayangan di Internet melalui media World

Wide Web

HTML form

: sebuah konstruksi

(construction)

HTML yang meliputi deklarasi

(declaration) tag

hub

: pusat, digunakan untuk menambah node di LAN, di dalam komputer

jaringan disebut juga dengan wiring center

hyperlink

melompat ke dokumen lain, serangkaian

text

atau citra (yang dapat

diperoleh dengan mengklik tombol mouse sebelah kiri) yang dapat

membawa ke posisi lain dalam suatu dokumen atau ke bagian lain

www.

ikon

lambang kecil yang berfungsi sebagai menu untuk menuju suatu fungsi.

image

citra/grafik/gambar; suatu representasi keadaan visual; file grafik dapat

disertakan dalam dokumen web, yang bukan merupakan bagian dari

dokumen tersebut, tetapi merupakan

link

yang menunjukkan lokasi dari

file grafik tersebut

informasi

: keterangan, penerangan, data yang telah diproses ke dalam suatu

bentuk yang mempunyai arti bagi si penerima dan mempunyai nilai

nyata, sehingga dapat dipakai sebagai dasar untuk mengambil

keputusan, dan terasa bagi keputusan saat itu atau keputusan

mendatang

internet service provider :

sebuah perusahaan yang memberikan pelayanan kepada konsumen

untuk dapat mengakses internet

219

Lampiran

internet

: singkatan dari interconnection networking, diartikan sebagai sebuah

jaringan komputer dalam skala global/mendunia

LAN

local area network

; jaringan komputer sederhana, lingkungan sekitar

menerangkan di mana sistem berada

mailing list

sering diistilahkan sebagai milis, yaitu sebuah alamat

e-mail

yang

digunakan oleh sekelompok pengguna internet untuk melakukan

kegiatan tukar menukar informasi

margin

batas-batas teks terhadap format penulisan; margin ini digunakan dalam

pengolahan dokumen untuk menentukan jarak pinggiran dari kertas

memori

bagian dari komputer yang berfungsi untuk menyimpan data dan program

microprocessor

: m

esin kecil sebagai pemroses dan pengendali utama proses yang terjadi

pada komputer, yang dibuat dalam bentuk

chip

; meskipun ukurannya

secara fisik tidak terlalu besar, tetapi pemikir utama dari sebuah komputer

adalah pada microprocessor ini, dan di sinilah proses utama diolah

microsoft excel

: perangkat lunak aplikasi untuk pengolah angka yang dikeluarkan oleh

microsoft

modem

modulation demodulation; umumnya alat ini digunakan untuk merubah

sinyal analog menjadi digital dan sebaliknya, misalnya untuk

menghubungkan antara dua komputer melalui

dial-up

dengan

menggunakan

line

telepon dalam mengakses data melalui jaringan

atau internet

monitor

piranti

output

untuk menampilkan/memperlihatkan informasi sehingga

dapat dibaca dan diketahui oleh manusia

motherboard

papan induk; papan yang berisi rangkaian elektronik yang berfungsi sebagai

pusat pengolahan, papan sirkuit utama komputer berikut processor

mouse

salah unit masukan

(input device)

yang berfungsi untuk mengendalikan

gerakan/perpindahan pointer atau kursor secara cepat

operating system (OS)

sistem operasi, yaitu perangkat lunak sistem yang mengatur dan

mengendalikan perangkat keras dan memberikan kemudahan bagi

user dalam penggunaan komputer; OS ini mengontrol penyimpanan

data, input, output dari suatu perangkat ke perangkat lainnya

output device

: piranti yang berfungsi mengolah hasil keluaran dari suatu proses

passive hub

: hub yang tidak malakukan fungsi sebagai penguat sinyal

pointer sel (cell pointer) : penunjuk sel yang sedang aktif

port

: salah satu

jenis soket pada personal komputer untuk menghubungkan

komputer dengan peralatan luar seperti monitor, printer, mouse, dan

keyboard

219

Glosarium

220

Teknologi Informasi dan Komunikasi Kelas XI

power supply

catu daya, pembangkit daya, sumber daya, biasanya diartikan sumber

listrik

printer

alat pencetak; istilah ini umum digunakan untuk pencetak karakter atau

gambar ke suatu media (seperti kertas)

protokol

aturan-aturan main yang mengatur komunikasi diantara beberapa

komputer di dalam sebuah jaringan, aturan itu termasuk di dalamnya

petunjuk yang berlaku bagi cara-cara atau metode mengakses sebuah

jaringan, topologi fisik, tipe-tipe kabel dan kecepatan transfer data

pulldown/dropdown

kumpulan menu yang muncul ketika mengklik sebuah menu

range

kumpulan sel, baik yang berurutan maupun tidak berurutan

record

sekumpulan data yang terdiri atas beberapa tipe atau sifat pada sebuah

tabel

router

sistem yang digunakan untuk menghubungkan jaringan-jaringan,

perangkat yang berfungsi dalam komunikasi WAN atau menghubungkan

dua network yang berbeda

search engine

sebual perangkat

yang dirancang untuk mencari informasi di dalam web

sel (cell)

bagian terkecil dari lembar kerja elektronik

(spreadsheet)

tempat untuk

memasukkan data berupa kotak yang merupakan pertemuan antara kolom

dan baris

server

komputer yang bertugas sebagai pelayan jaringan; server mengatur lalu

lintas data dalam sebuah jaringan dan menyediakan

resource

yang dapat

dipakai oleh komputer lain yang terhubung dalam jaringannya

sinyal

suatu isyarat untuk melanjutkan atau meneruskan suatu kegiatan;

biasanya sinyal ini berbentuk tanda-tanda, lampu-lampu, suara-suara,

dan lain-lain; dalam istilah teknik elektro, teknik informasi, dan teknik

kendali, sinyal artinya besaran yang berubah dalam waktu dan atau dalam

ruang, dan membawa suatu informasi; sinyal disini biasanya berupa sinyal

elektrik.

software

perangkat lunak, yaitu kumpulan beberapa perintah yang dieksekusi oleh

mesin komputer dalam menjalankan pekerjaannya; perangkat lunak ini

merupakan catatan bagi mesin komputer untuk menyimpan perintah,

maupun dokumen serta arsip lainnya

spasi (space)

dalam naskah dianggap sebagai spasi atau karakter kosong, sedangkan

dalam media penyimpanan, istilah ini diartikan sebagai ruangan atau

kapasitas; misalnya kapasitas yang tersedia atau yang terpakai

221

Lampiran

telepon

alat telekomunikasi yang dapat mengirimkan pembicaraan melalui sinyal

listrik

toolbar

papan kumpulan lambang-lambang atau ikon pada tampilan layar komputer

yang mewakili suatu fungsi dalam komputer; toolbar ini biasanya digunakan

sebagai

short cut

, sehingga suatu perintah dapat dieksekusi dengan cepat

URL

uniform resource locator

(diterjemahkan: pelokasi sumber daya seragam),

yaitu rangkaian karakter menurut suatu format standar tertentu, yang

digunakan untuk menunjukkan alamat suatu sumber–seperti dokumen

dan gambar–di internet

USB

universal serial bus

, yaitu salah satu standar interkoneksi antara komputer

dengan peralatan luar yang mampu mendukung kecepatan di atas 1 Mbps

user

pengguna, biasanya ditujukan kepada pengguna suatu sistem yang

umumnya adalah manusia; misalnya pengguna komputer

utility

: perangkat lunak sistem dengan fungsi tertentu, misalnya pemeriksaan

perangkat keras

WAN

wide area network

, kumpulan dari beberapa LAN, jaringan komputer yang

dapat menjangkau seluruh dunia

web browser

: penjelajah web, perangkat lunak untuk berselancar/menjelajah di internet;

perangkat lunak

(software)

yang digunakan untuk mengakses World Wide

Web; kemampuan dari sistem ini diantaranya adalah menampilkan

informasi yang terdapat pada suatu alamat di internet serta menuju

halaman lain yang terkait yang disediakan oleh halaman tersebut

web

: suatu sistem di internet yang memungkinkan siapa pun agar bisa

menyediakan informasi; dengan menggunakan teknologi tersebut,

informasi dapat diakses selama 24 jam dalam satu hari dan dikelola oleh

mesin; untuk mengakses informasi yang disediakan web ini diperlukan

berbagai perangkat lunak yang disebut dengan web browser

workbook

kumpulan dari beberapa

worksheet

disebut juga

spreadsheet

, yaitu perangkat lunak yang mengolah data dalam

bentuk tabel

221

Glosarium

222

Teknologi Informasi dan Komunikasi Kelas XI

address bar 34, 37, 39, 45, 118, 209

Ascending 68, 77

Auditing 74

Bandwidth 6

border 72, 72, 73, 80, 97, 181

chatting 1, 6, 59

Check Box 187, 193, 211

client 6, 9, 10, 11, 19

CPU 4, 5, 10

data numerik 81, 82, 83, 86, 87, 94

database 35, 74, 154, 155, 156, 157, 158, 159,

160, 183, 184, 201, 206, 207

default 87

descending 68, 76

desktop 15, 20, 21, 24, 31, 38

domain 8, 13, 35, 36, 37, 65, 183, 204, 205, 212,

213, 214

download 8, 11, 29, 56, 183, 205, 208, 214

e-mail 1, 6, 8, 10, 29, 31, 34, 45, 47, 48, 49, 50,

51, 52, 53, 54, 55, 56, 57, 59, 60, 66, 76,

205

field 154, 155, 156, 157, 158, 159, 160, 187, 205

file 1, 3, 6, 8, 9, 13, 15, 29, 31, 32, 38, 39, 43, 45,

52, 53, 54, 55, 56, 57, 61, 70, 71, 72, 74,

76, 79, 108, 109, 112, 113, 184, 185, 188,

190, 191, 192, 196, 197, 199, 200, 201,

205, 208, 210, 212, 214

footer 31

form 46, 74, 183, 187, 193, 196, 197, 201, 207,

208, 212, 214

frame 183, 185, 197, 198, 208, 212, 214

FrontPage 183, 184, 185, 186, 199, 208, 209,

214

grafik 38, 67, 68, 72, 74, 77, 170, 171, 172, 178,

179, 182, 186

harddisk 6, 29, 31, 38, 39, 54, 60, 62, 63, 192,

200, 210

hardware 4, 5, 13, 15, 60, 61, 62, 66, 192

header 31, 54, 72, 182

homepage 2, 15, 24, 32, 33, 34, 42, 43, 60, 61,

62, 183, 184, 185, 186, 187, 188, 189,

190, 191, 192, 193, 196, 197, 198, 199,

200, 201, 202, 203, 204, 206, 207, 208,

209, 210, 211, 212, 214

hyperlink 72, 76, 181, 183, 184, 186, 199, 200,

201, 207, 212, 213

Indeks

223

Lampiran

LAN 1, 6, 8, 9, 10, 11, 62, 63, 64

mailing list 1, 10, 11, 60

margin 31, 70, 111, 182

memori 6, 60, 62, 63

microprocessor 6, 60

Microsoft Excel 38, 67, 69, 153, 167, 181

modem 2–8, 10, 13, 15, 16, 22, 26, 60–64, 66, 192

monitor 2, 6, 11, 22, 43, 61, 62, 63, 64, 71, 72, 77

mouse 176

port 4, 5, 64

power supply 4, 64

printer 8, 19, 31, 112

protokol 3, 9, 18, 19, 21, 32, 35, 37, 60, 61, 62,

63, 204

pulldown 70, 71, 72, 73, 74, 75

search engine 1, 11, 27, 28, 39, 41, 42, 58

sel 67, 68, 69, 71–74, 76, 77, 78, 80, 81, 82, 83,

85–90, 92–106, 108, 109, 114, 115, 116,

117, 118, 119, 120, 121, 123, 132, 135,

136, 137, 138, 139, 140, 141, 142, 143,

144, 145, 153, 154, 155, 156, 162, 164,

166, 167, 168, 169, 170, 173, 180, 181,

182, 184

server 6, 8, 9, 10, 11, 13, 19, 37, 61, 65, 184, 204,

205, 207, 214

sinyal 3, 10, 60, 61, 63

software 9, 10, 11, 13, 14, 15, 22, 33, 60, 61, 65,

192, 199, 203, 207

spasi 115, 140

telepon 2, 3, 4, 5, 6, 8, 10, 12, 13, 15, 21, 26, 39,

49, 60, 61, 62, 63, 64, 87

toolbar 32, 34, 35, 45, 69, 71, 72, 75, 76, 77, 79,

80, 82, 83, 89, 90, 94, 95, 97, 98, 99, 103,

104, 105, 109, 170, 176, 179, 181, 185,

188, 200, 211

URL 1, 11, 13, 35, 37, 186, 188, 191, 200, 209

USB 5

user 9, 10, 13, 17, 20, 21, 22, 65, 66, 187, 193,

204

Utility 192

WAN 13, 64

web 1, 2, 8, 9, 11, 13, 27, 33, 39, 43, 44, 60, 62, 184,

186, 187, 190, 191, 192, 193, 196, 197, 199,

204, 205, 206, 207, 208, 212, 214

web browser 1, 6, 13, 22, 31, 34, 37, 45

workbook 72, 73, 75, 78, 79, 112, 113, 208, 209

worksheet 72, 79, 109, 112, 175, 176, 182, 208, 209

ikon 10, 15–18, 20–22, 24, 25, 35, 39, 54, 59, 67,

75–78, 81, 82, 83, 90, 94, 95, 97–99, 114,

116, 170, 171, 176, 178, 181, 182, 185,

188, 200, 209, 211

image 32

informasi 1–3, 6, 8–11, 13, 15, 27, 28, 33, 37, 41,

58, 60, 68, 74, 75, 184, 205, 207

internet 1, 2, 3, 6, 7, 12–33, 35, 37–39, 41, 47,

49, 58, 59, 60, 61

Internet Service Provider 9, 12, 13, 15, 26, 61,

65, 66, 212

range 67, 71, 72, 92, 97, 106, 114, 134, 135,

154–161, 165, 166, 167, 169, 170, 182

record 74

router 6, 11

223

Indeks

224

Teknologi Informasi dan Komunikasi Kelas XI

Lampiran 1

Berita Seputar Teknologi Informasi dan Komunikasi

Dampak Positif dan Negatif Akibat Perkembangan Teknologi Internet

Internet adalah jaringan komputer yang terhubung secara internasional dan tersebar di seluruh

dunia. Jaringan ini meliputi jutaan pesawat komputer yang terhubung satu dengan yang lainnya

dengan memanfaatkan jaringan telepon (baik kabel maupun gelombang elektromagnetik). Jaringan

jutaan komputer ini memungkinkan berbagai aplikasi dilaksanakan antar komputer dalam jaringan

internet dengan dukungan software dan hardware yang dibutuhkan. Untuk bergabung dalam jaringan

ini, satu pihak (dalam hal ini provider) harus memiliki program aplikasi serta bank data yang

menyediakan informasi dan data yang dapat di akses oleh pihak lain yang tergabung dalam internet.

Pihak yang telah tergabung dalam jaringan ini akan memiliki alamat tersendiri (bagaikan nomor

telepon) yang dapat dihubungi melalui jaringan internet. Provider inilah yang menjadi server bagi

pihak-pihak yang memiliki personal komputer (PC) untuk menjadi pelanggan ataupun untuk

mengakses internet.

Sejalan dengan perkembangan zaman, kemajuan teknologi internet juga semakin maju.

’Internet’ adalah jaringan komputer yang dapat menghubungkan suatu komputer atau jaringan

komputer dengan jaringan komputer lain, sehingga dapat berkomunikasi atau berbagi data tanpa

melihat jenis komputer itu sendiri. Pada tahun 1999, jumlah komputer yang telah dihubungkan

dengan internet di seluruh dunia mencapai lebih dari 40 juta dan jumlah ini terus bertambah setiap

hari. Saat ini jumlah situs web mencapai jutaan, bahkan mungkin trilyunan, isinya memuat bermacam-

macam topik. Tentu saja, situs-situs itu menjadi sumber informasi baik yang positif ataupun negatif.

Informasi dikatakan positif apabila bermanfaat untuk penelitiaan. Di bawah ini akan dijelaskan

dampak-dampak positif maupun negatif dari penggunaan internet.

Dampak Positif

Internet sebagai media komunikasi, merupakan fungsi internet yang paling banyak digunakan

dimana setiap pengguna internet dapat berkomunikasi dengan pengguna lainnya dari seluruh

dunia.

Media pertukaran data, dengan menggunakan email, newsgroup, ftp dan www (world wide

web-jaringan situs-situs web) para pengguna internet di seluruh dunia dapat saling bertukar

informasi dengan cepat dan murah.

Media untuk mencari informasi atau data, perkembangan internet yang pesat, menjadikan

www sebagai salah satu sumber informasi yang penting dan akurat.

Lampiran

225

Lampiran

Kemudahan memperoleh informasi yang ada di internet sehingga manusia tahu apa saja yang

terjadi.

Bisa digunakan sebagai lahan informasi untuk bidang pendidikan, kebudayaan, dan lain-lain

Kemudahan bertransaksi dan berbisnis dalam bidang perdagangan sehingga tidak perlu pergi

menuju ke tempat penawaran/penjualan.

Dampak Negatif

Pornografi

Anggapan yang mengatakan bahwa internet identik dengan pornografi, memang tidak salah.

Dengan kemampuan penyampaian informasi yang dimiliki internet, pornografi pun merajalela.

Untuk mengantisipasi hal ini, para produsen ’browser’ melengkapi program mereka dengan

kemampuan untuk memilih jenis home-page yang dapat di-akses. Di internet terdapat gambar-

gambar pornografi dan kekerasan yang bisa mengakibatkan dorongan kepada seseorang

untuk bertindak kriminal.

Violence and Gore

Kekejaman dan kesadisan juga banyak ditampilkan. Karena segi bisnis dan isi pada dunia

internet tidak terbatas, maka para pemilik situs menggunakan segala macam cara agar dapat

’menjual’ situs mereka. Salah satunya dengan menampilkan hal-hal yang bersifat tabu.

Penipuan

Hal ini memang merajalela di bidang manapun. Internet pun tidak luput dari serangan penipu.

Cara yang terbaik adalah tidak mengindahkan hal ini atau mengkonfirmasi informasi yang

Anda dapatkan pada penyedia informasi tersebut.

Carding

Karena sifatnya yang ’real time’ (langsung), cara belanja dengan menggunakan Kartu kredit

adalah carayang paling banyak digunakan dalam dunia internet. Para penjahat internet pun

paling banyak melakukan kejahatan dalam bidang ini. Dengan sifat yang terbuka, para penjahat

mampu mendeteksi adanya transaksi (yang menggunakan Kartu Kredit)

on-line

dan mencatat

kode Kartu yang digunakan. Untuk selanjutnya mereka menggunakan data yang mereka

dapatkan untuk kepentingan kejahatan mereka.

Perjudian

Dampak lainnya adalah meluasnya perjudian. Dengan jaringan yang tersedia, para penjudi

tidak perlu pergi ke tempat khusus untuk memenuhi keinginannya. Anda hanya perlu

menghindari situs seperti ini, karena umumnya situs perjudian tidak agresif dan memerlukan

banyak persetujuan dari pengunjungnya.

226

Teknologi Informasi dan Komunikasi Kelas XI

Mengurangi sifat sosial manusia karena cenderung lebih suka berhubungan lewat internet

daripada bertemu secara langsung

(face to face)

Dari sifat sosial yang berubah dapat mengakibatkan perubahan pola masyarakat dalam

berinteraksi.

Kejahatan seperti menipu dan mencuri dapat dilakukan di internet (kejahatan juga ikut

berkembang).

Bisa membuat seseorang kecanduan, terutama yang menyangkut pornografi dan dapat

menghabiskan uang karena hanya untuk melayani kecanduan tersebut.

Jadi internet bergantung pada pemakainya bagaimana cara mereka dalam menggunakan

teknologi itu, namun semestinya harus ada batasan-batasan dan norma-norma yang harus mereka

pegang teguh walaupun bersentuhan dengan internet atau di dalam dunia maya.

Sumber: http://www.unismuh.ac.id

Pencegahan Dampak Negatif Internet untuk Anak

Penggunaan internet tergantung pada pemakainya bagaimana cara mereka dalam

menggunakan teknologi itu. namun semestinya harus ada batasan-batasan dan norma-norma yang

harus mereka pegang teguh walaupun bersentuhan dengan internet atau di dalam dunia maya.

Berikut adalah langkah praktis jika anda ingin anak anda dan anda bebas dari label gaptek namun

terhindar dari paparan informasi menyesatkan.

Peran orang tua sebagai pendamping sangatlah dibutuhkan. kondisikan bahwa masuk ke

situs negatif (konten porno/kekerasan) itu sesuatu yang tabu, sehingga penggunaan komputer

harus terbuka dan orang tua harus bisa melihat.

Letakkan komputer di ruang keluarga atau ruangan yang sering dilewati umum sehingga

dapat terus dipantau kegiatan anak saat mengakses internet (sebaiknya tidak di kamar tidur

anak).

Tentukan waktu online bersama. Orang tua dan anak bersama-sama duduk di komputer,

berdiskusi tentang berbagai informasi dari internet.

Pembatasan waktu browsing. Biasakan anak untuk disiplin mematuhi batasan waktu

menggunakan internet. Hindari anak duduk didepan komputer hingga larut malam.

Komunikasikan manfaat positif maupun negatif internet kepada anak secara gamblang.

Jelaskan, internet adalah media informasi yang paling praktis serta tak terbatas. Namun, ada

beberapa pihak yang memanfaatkan internet untuk maksud-maksud yang tidak baik.

Berikan tips praktis untuk menghindari pihak-pihak yang ingin mengambil keuntungan sepihak

dari pengguna internet. Misalnya, dengan tidak memberi data pribadi, tidak memberikan nomor

telepon dan alamat serta tidak memberikan foto pada siapapun yang tidak dikenal.

Menggunakan

internet protection software

lokal. Langkah ini merupakan langkah mudah dan

efisien untuk menghindarkan anak anda dari pengaruh negatif internet, termasuk dari situs

lokal. Penyedia jasa proteksi ini akan memfilter semua jenis informasi maupun gambar dari

layar komputer anak anda.

Jika anak memperlihatkan tingkah laku tak wajar, segera diskusikan dengan mereka. Cari

tahu, apakan internet menjadi penyebabnya.

227

Lampiran

Tekankan pada anak bahwa bersosialisasi dengan lingkungan sekitarnya, tak kalah pentingnya

dengan berinternet ria sepanjang hari.

10. Jika anak anda mulai terlihat kecanduan internet atau game, segera diskusikan dengan ahli.

Mereka tahu betul bagaimana menjadikan hidup anak anda tak hanya dihabiskan di depan

komputer.

Manfaat Internet bagi Pendidikan

Internet merupakan produk teknologi informasi yang mampu berkembang pesat melewati batas

negara dan berbagai sendi kehidupan manusia.

Dunia pendidikan adalah satu bidang yang memanfaatkan internet secara luas untuk

kepentingan peningkatan kualitas suatu institusi pendidikan.

Internet dapat dikatakan sebagai perpustakaan maya

(virtual library)

yang mengandung jutaan

informasi tentang berbagai hal, salah satunya termasuk data dan informasi tentang pendidikan.

Internet dapat dijadikan sebagai salah satu sumber belajar alternatif bagi kalangan akademis

setelah perpustakaan konvensional di lembaga pendidikan tinggi.

Banyak tulisan ilmiah dan berbagai penelitian mengedepankan arti penting teknologi

informasi semacam internet bagi sistem pengelolaan pendidikan. Kajian-kajian tersebut

memperjelas kemanfaatan internet untuk berbagai kepentingan lingkungan akademis, seperti

meningkatkan mutu pembelajaran, sumber dan media pembelajaran alternatif, pengelolaan

pendidikan jarak jauh

(distance learning)

, dan pengembangan database perpustakaan digital

(digital library)

Penggunaan teknologi informasi dalam bahan ajar mencakup tiga cara belajar yaitu auditorial,

visual dan kinestetik. Ketiga cara belajar ini diperankan sangat baik oleh teknologi informasi dengan

sangat baik, di mana pelaku belajar dapat mendengar, membaca, dan juga memperagakan walaupun

dalam mayantara, namun dapat membentuk pengetahuan pelaku pelajar (Kurniawan, 2003).

Institusi pendidikan yang mengembangkan database ”elektronik” untuk memenuhi kebutuhan-

kebutuhan pembelajaran abad 21 memiliki peranan sebagai berikut: (1) memberi informasi tentang

kebutuhan-kebutuhan pendidikan dan pelatihan dan peluang-peluang, (2) memberi pengawasan

kualitas, (3) memberi akreditasi melalui penilaian belajar yang independen, (4) mengembangkan

kurikulum yang koheren dan tepat, (5) menjadi broker dan mensyahkan kursus-kursus dan bahan-

bahan pendidikan dan pelatihan dari pemasok, (6) memberi pelayanan penggunaan dan komunikasi

bahan-bahan pembelajaran multimedia yang user-friendly baik impor maupun eskpor, (7) membuat

jaringan antar pelajar dan antar instruktur, (8) menciptakan bahan-bahan multi-media pendidikan

berkualitas tinggi dalam bentuk yang diperoleh, (9) mengadakan penelitian untuk kebutuhan

pendidikan dan pelatihan, dan (10) menggunakan teknologi-teknologi baru untuk pengembangan

pendidikan dan pelatihan serta mengevaluasi penggunaannya (Rusmono dan Suharmantri, 2002).

Dampak lain dari penggunaan teknologi informasi berbasis internet adalah memungkinkan

berkembangnya fleksibilitas belajar yang tinggi. Peserta didik dapat mengakses bahan-bahan belajar

setiap saat dan berulang, berkomunikasi dengan pengajar setiap saat, sehingga peserta didik lebih

mampu memantapkan penguasaannya secara aktif terhadap materi pembelajaran (Siahaan, 2003).

228

Teknologi Informasi dan Komunikasi Kelas XI

Sebuah penelitian yang dilakukan dengan merancang model pengelolaan pembelajaran

melalui internet dengan pemrograman interaktif,

hypertext

, program untuk konsultasi, dan beberapa

aplikasi di internet, menghasilkan desain mata kuliah metode penelitian sehingga jumlah tatap mata

kuliah dapat ditambah tanpa batas (lebih dari 15 kali) (Sasmoko, 2000). Hasil penelitian lainnya

dilakukan oleh Hargis memperlihatkan bahwa semua responden dari program engineer dapat

dengan baik meningkatkan skor mereka antara sebelum dan sesudah pengukuran setelah mereka

menyelesaikan dengan modul instruksional

on-line

(Hargis, 2000).

Penelitian lain dengan menggunakan meta-analisis menunjukkan bahwa peranan pemanfaatan

komputer dalam proses pembelajaran cukup signifikan (berarti) untuk mencapai tujuan keberhasilan

siswa (Asmin, 2003). Penelitian tentang pemakaian komputer (CAD) untuk pembelajaran berbasis

kasus menunjukkan hasil yang cukup efektif untuk meningkatkan prestasi belajar mahasiswa (Binarti

et. al., 2005).

Bagi para pendidik internet menawarkan beberapa kesempatan, antara lain: Pertama;

bermanfaat untuk pengembangan profesional seperti meningkatkan pengetahuan; berbagi sumber

diantara rekan sejawat; bekerjasama dengan pendidik dari luar negeri, kesempatan untuk

menerbitkan /mengumumkan secara langsung, mengatur komunikasi secara teratur, dan berpatisipasi

dalam forum dengan rekan sejawat baik lokal maupun internasional. Kedua; sumber bahan mengajar

(misalnya mengakses rencana belajar mengajar dan metodologi baru; bahan baku dan bahan jadi

cocok untuk segala bidang pelajaran; mengumumkan dan berbagi sumber belajar) (Juliandi, 2002).

Internet juga memberikan kemanfaatan besar untuk siswa. Internet menawarkan kesempatan

untuk: a). Belajar sendiri secara cepat (seperti meningkatkan pengetahuan, belajar berinteraktif, dan

mengembangkan kemampuan di bidang penelitian); b. Memperkaya diri (antara lain meningkatkan

komunikasi dengan siswa lain; dan meningkatkan kepekaan akan permasalahan yang ada diseluruh

dunia) (Juliandi, 2002).

Artikel ini merupakan cuplikan dari laporan penelitian hibah bersaing (Azuar Juliandi, Armansyah, Muis Fauzi Rambe,

Eksplorasi Sumber Belajar Online untuk Pengembangan Database Pembelajaran Ilmu-Ilmu Manajemen, Laporan Penelitian

Hibah Bersaing Dikti-Depdiknas, Tahun 2007)

Sumber: http://azuarjuliandi.com

229

Lampiran

Lampiran 2

Pendalaman Materi Internet dan Homepage

Buatlah sebuah account e-mail di Google Mail (gmail)!

Lakukan pertukaran informasi dengan teman-temanmu, yaitu dengan saling berkirim e-mail!

Aktifkan Internet explorer atau web browser lainnya!

Ketikkan pada address bar URL berikut: http://blogger.com!

Ikuti langkah-langkah pembuatan blog yang ditampilkan pada layar monitor seperti berikut!

Buatlah beberapa tulisan dalam blog yang telah kamu buat!

Lakukan publikasi, dan lakukan pertukaran informasi dengan teman-temanmu melalui blog

tersebut!

230

Teknologi Informasi dan Komunikasi Kelas XI

Lampiran 3

Aplikasi Pembelajaran Pengelolaan Angka

Buatlah tulisan dan berikan warna pada bagian tertentu seperti gambar berikut!

a. Aturlah perataan teks dan orientasi teks!

b. Warnai bagian bagian tertentu seperti pada gambar!

Buatlah rumus pada range D14 : R14 yang menunjukkan jumlah tiap-tiap kolomnya!

Buatlah tulisan dan berikan warna pada bagian tertentu seperti gambar berikut!

a. Aturlah perataan teks!

b. Gunakan tombol Merge & Center!

231

Lampiran

Buatlah tulisan dan berikan warna pada bagian tertentu seperti gambar berikut!

a. Aturlah perataan teks!

b. Gunakan tombol Merge & Center!

Aturlah format data sebagai format teks agar sel dapat dituliskan angka yang dimulai angka nol!

Buatlah tulisan dan berikan warna pada bagian tertentu seperti gambar berikut!

a. Aturlah perataan teks dan tinggi baris serta lebar kolom!

b. Aturlah format tanggal, format teks pada kolom No.Bon, format nilai mata uang pada kolom

Harga Satuan dan Jumlah!

Buatlah rumus pada range sel H4:H18 yang menunjukkan jumlah omzet penjualan tiap

barang yang terjual!

d. Buatlah rumus pada sel H19 yang menunjukkan julah total omzet penjualan!

232

Teknologi Informasi dan Komunikasi Kelas XI

Buatlah tulisan dan berikan warna pada bagian tertentu seperti gambar berikut!

a. Aturlah perataan teks!

b. Buatlah grafik dari data penjualan pakaian olahraga!

Berikan:

judul grafik: ”Data Penjualan Pakaian Olahraga”

judul sumbu horizontal: ”Bulan”

tabel di bawah grafik

Buatlah tulisan cabang-cabang perusahaan seperti gambar berikut!

a. Aturlah perataan teks dan orientasi teks!

b. Gunakan WordArt!

Berikan warna yang menarik!

233

Lampiran

Buatlah tulisan seperti gambar berikut!

a. Aturlah perataan teks dan orientasi teks!

b. Tambahkan gambar yang sesuai! Kamu dapat meyalinnya dari CD Image atau internet.

Gunakan tombol Merge & Center!

d. Aturlah data bilangan dengan dua angka desimal!

e. Berikan warna yang menarik!

Buatlah rumus pada range sel J9:J13 yang menunjukkan jumlah data pada setiap barisnya!

g. Buatlah rumus pada range sel D14:I14 yang menunjukkan rata-rata penjualan barang

pada setiap bulannya!

Buatlah tulisan dan berikan warna pada bagian tertentu seperti gambar berikut!

a. Aturlah perataan teks dan tinggi baris serta lebar kolom!

b. Aturlah format tanggal, format teks pada kolom kode wilayah, format waktu

(time)

pada

kolom mulai dan selesai, format nilai mata uang pada kolom harga per menit dan jumlah

bayar!

Buatlah rumus pada range sel J6 : J15 yang menunjukkan jumlah bayar per pemakaian!

d. Buatlah rumus pada sel J16 yang menunjukkan julah total bayar pemakaian!

234

Teknologi Informasi dan Komunikasi Kelas XI

Buatlah tulisan dan berikan warna pada bagian tertentu seperti gambar berikut!

a. Buatlah rumus pada sel L4 yang menunjukkan nama sales yang sesuai dengan kode yang

diberikan (rumus VLOOKUP)!

b. Buatlah rumus pada sel L5 yang menunjukkan banyaknya penjualan pada bulan Januari

yang sesuai dengan kode yang diberikan (rumus VLOOKUP)!

Buatlah rumus pada sel L6 yang menunjukkan banyaknya penjualan pada bulan Februari

yang sesuai dengan kode yang diberikan (rumus VLOOKUP)!

d. Buatlah rumus pada sel L5 yang menunjukkan banyaknya penjualan pada bulan Maret

yang sesuai dengan kode yang diberikan (rumus VLOOKUP)!

e. Buatlah rumus pada sel L8 yang menunjukkan jumlah total penjualan tiap orang sales!

Buatlah rumus pada range sel C10 : E10 yang menunjukkan bayaknya penjualan tertinggi

setiap bulannya!

g. Buatlah rumus pada range sel C11 : E11 yang menunjukkan bayaknya penjualan terendah

setiap bulannya!

h. Buatlah rumus pada range sel C11 : E11 yang menunjukkan bayaknya penjualan rata-rata

setiap bulannya!

10. Buatlah tulisan dan berikan warna pada bagian tertentu seperti gambar berikut! Dengan

menggunakan rumus database, tulislah rumus yang sesuai!

Diunduh

dari

BSE.Mahoni.com